<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个HTML文件</title>
</head>
<body>
    <!-- <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6> -->
    
    <!-- 在html之间输入的多个空行相当于一个空行 -->
    <!-- <p>这是一个段落</p>
    <p>这是一个段落</p> -->

    <!-- 以下的两个换行都是可以的 -->
    <!-- 这是一个换行<br/>
    这是一个换行<br> -->

    <!-- 图片标签 img -->
    <!-- 网络路径 -->
    <!-- <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.qmIh5R-d_DmDKOYgzN09agHaJQ?rs=1&pid=ImgDetMain" alt="这是一个图片"> -->

    <!-- 绝对路径 -->
    <!-- 这里的宽度和高度应该设置一个，因为两个都设置就会出现变形的情况 -->
    <!-- <img src="D:\图片\微信图片_20240312204210.jpg" width="400px" height="500px" alt="这是一个绝对路径下的图片"><br> -->

    <!-- 相对路径，这里面相对的是Demo1这个文件的路径下进行寻找目标路径 -->
    <!-- <img src="../pig/微信图片_20240312204210.jpg" height="500px" alt="这个是一个相对路径的图片"> -->

    <!-- 超链接标签 a -->
    <!-- 默认是在本页面上进行打开，我们可以进行设置在新页面打开 -->
    <!-- 外部链接 -->
    <!-- <a href="https://www.jd.com/">京东商城</a>
    <a href="https://www.jd.com/" target="_blank">京东商城(新页面)</a><br> -->

    <!-- 内部链接，这里是相对路径 -->
    <!-- <a href="test1.html" target="_blank">这是内部链接下的路径</a> -->

    <!-- 空连接，使用#在href中进行站位 -->
    <!-- <a href="#">空连接</a> -->

    <!-- 下载连接 -->
    <!-- <a href="test2.zip">下载连接</a> -->

    <!-- 表格标签，tr为行，td为单元格 -->
    <!-- align是周围元素的对齐方式 
     width是宽度，height是高度
     border是边框，1为有边框(数字越大边框越粗)，""代表无边框
     cellspacing这个是单元格之间的距离，默认为2-->
    <table align="center" style="width: 500px; height: 500px;" border="1px" cellspacing="0">
        <tr>
            <!-- colspan进行列和列之前的合并，参数代表列的个数，被合并的列是不能存在数据的-->
            <td colspan="2">aaa</td>
            <!-- <td>bbb</td> -->
        </tr>
        <tr>
            <td>ccc</td>
            <!-- rowspan进行行和行之间的合并，参数代表行的个数， 被合并的行同样不能存在数据-->
            <td rowspan="3">ddd</td>
        </tr>
        <tr>
            <td>eee</td>
            <!-- <td>fff</td> -->
        </tr>
        <tr>
            <td>ggg</td>
            <!-- <td>hhh</td> -->
        </tr>
    </table>
</body>
</html>